        <!doctype html>
<html>
<head>   
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="scripts/pdf.js"></script> 
<script type="text/javascript">
    // Specify the main script used to create a new PDF.JS web worker.
    // In production, change this to point to the combined `pdf.js` file.
    PDFJS.workerSrc = 'http://10.0.0.2/revi2/scripts/pdfjs/worker_loader.js';
  </script>
    <script type="text/javascript" charset="utf-8" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/socket.io.js"></script>   
    <script type="text/javascript" src="scripts/eventsKite.js"></script>
    <script type="text/javascript" src="scripts/hashSha256.js"></script> 
    <script type="text/javascript" src="scripts/masterKite.js"></script> 
    <script type="text/javascript">
        alert($(window).width());
    </script>       
        <meta name="slideFile" src="apEmp.pdf"/>
        <meta name="slideServer" host="http://pointreviserver.cloudapp.net:8080" id="apre01"/>
        <meta name="senhaDeControle" senha="rof9296"/>
		<meta name="corMouse" val="#00FF00"/>       
    <style type="text/css">
        div.textButtonTowLine {
            padding-top: 9px;
            text-align: center;
            width:117px;
            height: 59px; 
 
        }
        div.textButtonOneLine {
            padding-top: 21px;
            text-align: center;
            width:117px; 
            height: 59px; 
        }

        div.button {
            background-color:#2d00a6;
            font-family:Arial;
            font-weight:bold; 
            width:117px; 
            height: 59px; 
            font-size:16px; 
            color:#ffffff; 
            float: left;
            margin-right:20px;
        }
        div.button a{
            font-family:Arial;
            font-weight:bold; 
            font-size:16px; 
            color:#ffffff;
            width: 117px; 
            height: 59px; 
            text-decoration:none;
        }
		div.buttonDisable {
            background-color:#adadad;
            font-family:Arial;
            font-weight:bold; 
            width:117px; 
            height: 59px; 
            font-size:16px; 
            color:#ffffff; 
            float: left;
            margin-right:20px;
        }
		div.buttonDisable a{
			font-family:Arial;
            font-weight:bold; 
            font-size:16px; 
            color:#ffffff;
            width: 117px; 
            height: 59px; 
            text-decoration:none;
        }
        div.groupButton {
            width:auto; 
            float:left;
            margin-right:30px;
        }
        div.groupButton p{
            text-align: center;
            margin-top:20px;
            font-family:Arial;
            font-weight:bold;
        }
    </style>
</head>

<body>
    <div>
         <iframe id="canvasFrame" name="canvasFrame" height="600px" width="800px"src="canvasFrame.html">
        </iframe>                        
         <div>
            <div class="groupButton" id="groupPagina">
             
                <p id="mostradorPagina" >Pagina: <span id="nPagina"> </span>/ <span id="totalPagina"> </span> </p>
                <div id="paginaAnterior" class="button" > <a href="javascript:void(0)"> <div class="textButtonTowLine">Página <br/> Anterior</div> </a></div>
                <div id="proximaPagina" class="button" > <a href="javascript:void(0)"> <div class="textButtonTowLine">Próxima <br/> Página</div> </a> </div> 
            </div>
            <div class="groupButton" id="groupZoom">
                <p id="nivelZoom" >zoom: </p> 
                <div id="zoomOut" class="button" > <a href="javascript:void(0)"> <center > <div class="textButtonOneLine"> Zoom Out</div> </center> </a></div>
                <div id="zoomIn" class="button" > <a href="javascript:void(0)"> <center>  <div class="textButtonOneLine"> Zoom In</div> </center> </a></div> 
            </div>
            <div class="groupButton" id="groupLoza">
                <p id="nivelZoom" >zoom: </p> 
                <div id="AtivarLoza" class="button" > <a href="javascript:void(0)"> <center > <div id="AtivarLozaText" class="textButtonTowLine"> Ativar <br/> Loza</div> </center> </a></div>
                <div id="modoBorracha" class="buttonDisable" > <a href="javascript:void(0)"> <center>  <div id="modoBorrachaText" class="textButtonTowLine"> Modo <br/> Borracha</div></center> </a></div> 
            </div>

        </div>
    </div>
</body>     
<body>

</body>

</html>
